<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>

    <style type="text/css">
        div {
            width: 300px;
            height: 200px;
            margin-left: auto;
            margin-right: auto;
        }

        #input {
            width: 80px;
            height: 20px;
            margin-left: auto;
            margin-right: auto;
        }

        #code {
            margin-left: auto;
            margin-right: auto;
            width: 70px;
            height: 20px;
            color: cornflowerblue;
            letter-spacing: 2px;
            font-width: bold;
            font-style: italic;
        }

    </style>
    <script type="text/javascript" src="../js/checkCode.js"></script>
</head>
<body>
<div>
    <form action="golog" method="post">
        <table border="1">
            <tr>
                <td>用户名:</td>
                <td><input type="text" name="username"></td>
            </tr>
            <tr>
                <td>密&emsp;码:</td>
                <td><input type="password" name="password"></td>
            </tr>
            <tr>
                <td>验证码:</td>
                <td>
                    <input id="input">
                    <input type="button" id="code" onclick="createCode()">
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center;">
                    <input type="submit" value="登录" onclick="validate()" style="text-align: center;"></td>
            </tr>

            <tr>
                <td colspan="2" style="text-align: center;">
                    <a href="http://localhost:8080/shop/jsp/reg.jsp">还没有账号？点此注册</a></td>
            </tr>
        </table>
    </form>
</div>
</body>

</html>
